<template>
  <div class="h-shape-component" :style="(styleProps as any)" @click.prevent="handleClick"></div>
</template>
<script lang="ts">
import { transformToComponentProps, shapeDefaultProps, shapeStylePropNames } from '@/defaultProps'
const defaultProps = transformToComponentProps(shapeDefaultProps)
export default {
  name: 'HShape'
}
</script>
<script lang="ts" setup>
import useComponentCommon from '@/hooks/useComponentCommon'

const props = defineProps({
  ...defaultProps
})
const { styleProps, handleClick } = useComponentCommon(props, shapeStylePropNames)
</script>
<style lang="scss" scoped></style>
